<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页效果图</title>
    <style>
        /* 设置背景颜色为pink  */
        * {
            background-color:pink;
            
        }
        /* 图片等比例缩放50% */
        /* 左外边距为365px，上外边距为100培训。 */
        a img {
            width: 50%;
            /* height: 100%; */
            margin-left: 365px;
            margin-top: 100px;
        }
    </style>
</head>
<body>
    <a href="page1.html" target="-blank"><img src="html5+css3.jpg" alt="图片丢失" title="单击查看详情"></a>
    
</body>
</html>